<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>提现</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/global.js" ></script>
    <script type="text/javascript" src="../js/app/me-jf-tx.js" ></script>
    <style type="text/css">
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:#000;font-size:14px;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#7EC60F;position:relative;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{position: absolute;right: 40px;bottom: 0;left: 40px;height: 1px;content: '';background-color:#7EC60F;}
   		.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background:#7EC60F;}
   		.mui-input-row label{ width: 100px}
		.mui-input-row label~input{ width:calc(100% - 100px);}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav ">
		<span class="mui-action-back mui-icon mui-icon-left-nav " ></span>
		<h1 class="mui-title color-white font-18">提现</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="mui-slider">
		<div id="sliderSegmentedControl" class="background-w mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			<a class="mui-control-item mui-active" href="#item1mobile">
				积分提现
			</a>
			<a class="mui-control-item" href="#item2mobile">
				充值积分
			</a>
		</div>
		<div class="mui-slider-group ">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll ">
						<ul class="mui-input-group table-view margin-top-5">
					    	<li class="mui-input-row">
					    		<label>提现金额：</label>
					    		<input type="number" name="money" class="mui-input-clear" placeholder="请输入提现金额"/>
					    	</li>
					    	<li class="mui-input-row">
					    		<label>支付宝账号：</label>
					    		<input type="number" name="account" class="mui-input-clear" placeholder="请输入您的支付宝账号"/>
					    	</li>
					    	<li class="mui-input-row">
					    		<label>手机号：</label>
					    		<input type="number" name="phone" class="mui-input-clear" placeholder="请输入您的手机号"/>
					    	</li>
					    	<li class="mui-input-row jf-yz-btn position-re">
					    		<label>验证码：</label>
					    		<input type="number" name="verification" placeholder="请输入验证码"/>
					    		<button class="background-zx color-white verification">获取验证码</button>
					    	</li>
					    </ul>
					    <div class="table-view-cell-20-15">
							<button class="mui-btn mui-btn-block background-zx color-white search-btn add_tx_order">确认提现</button>
						</div>
						<div class="background-w table-view-cell">
							<table border="1"  bordercolor="#C4C4C4" class=" mui-text-center table-list">
								<tr>
									<td>积分</td>
									<td>金额</td>
								</tr>
								<tr>
									<td>500积分</td>
									<td>50元</td>
								</tr>
								<tr>
									<td>1000积分</td>
									<td>100元</td>
								</tr>
								<tr>
									<td>1500积分</td>
									<td>150元</td>
								</tr> 
								<tr>
									<td>5000积分</td>
									<td>500元</td>
								</tr>
								<tr>
									<td>10000积分</td>
									<td>1000元</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-input-group table-view margin-top-5">
					    	<li class="mui-input-row">
					    		<label>充值数量：</label>
					    		<input type="number" class="mui-input-clear price" placeholder="请输入充值数量"/>
					    	</li>
					    </ul>
					    <div class="table-view-cell-20-15">
							<button class="mui-btn mui-btn-block background-zx color-white search-btn pay-btn">支付宝支付</button>
						</div>
						<div class="background-w table-view-cell">
							<table border="1"  bordercolor="#C4C4C4" class=" mui-text-center table-list">
								<tr>
									<td>积分</td>
									<td>金额</td>
								</tr>
								<tr>
									<td>500积分</td>
									<td>50元</td>
								</tr>
								<tr>
									<td>1000积分</td>
									<td>100元</td>
								</tr>
								<tr>
									<td>1500积分</td>
									<td>150元</td>
								</tr>
								<tr>
									<td>500积分</td>
									<td>500元</td>
								</tr>
								<tr>
									<td>10000积分</td>
									<td>1000元</td>
								</tr>
							</table>
						</div>
					</div> 
				</div>
			</div>
		</div>
	</div>
</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init();
   </script> 
<script type="text/javascript">
	(function($) {
		$('.mui-scroll-wrapper').scroll({
			indicators: true //是否显示滚动条
		});
			
	})(mui);
	h();
	function h(){
		if(window.innerHeight){
		$(".mui-control-content").css({"min-height":(window.innerHeight-44-immersed-38)+"px"})	
		}
		else{
			setTimeout(function(){h();},200);
		}
	}	
</script>

	
</html>